


// 组件样式
@import "./components/Navbar.scss";
@import "./components/Loading.scss";
@import "./components/Login.scss";
@import "./components/NormalPage.scss";
@import "./components/Navigation.scss";
@import "./components/PersonalCenter.scss";
@import "./components/Message.scss";
@import "./components/Searchbar.scss";
@import "./components/ManagePage.scss";
@import "./components/VideoRoom.scss";

// 容器样式

//公共组件样式

/** 按钮 */
.Button{
    cursor:pointer;
    &:hover{
        color: $mattedSpanColor;
        background-color: $buttonHoverBackgroundColor;
    }
}
/** 清楚浮动 */
.clear::after{
    content:"";
    display:block;
    visibility:hidden;
    clear: both;
}
/** 边框 */
.Border{
    border:1px solid $borderColor;
    &:hover{
        border: 1px solid $mattedSpanColor;
    }
}
//登录按钮
.type1-Button{
    border-radius: 27px;
    background-color: $buttonBackgroundColor;
    
    width:376px;
    height:54px;
    line-height: 0;
    margin-bottom: 20px;
    span{
        line-height: 54px;
        font-size: 16px;
        color: $buttonColor;
        letter-spacing: 4px;
    }
}

/** 去除浮动 */
.clear::after{
    display: block;
    content: "";
    clear: both;
}

/** 输入框 */
.input-container{
    line-height: 32px;
    height:35px;
    position: relative;
    border-bottom: 1px solid $borderColor;
    margin-bottom:35px;
    text-align: left;
    &:focus{
        border:0;
        border-bottom: 2px solid $borderColor;
    }
    
}
.type1-Input{
    border:0;
    outline: none;
    line-height: 32px;
    min-width: 195px;
    height:32px;
    width:85%;
    font-size: 16px;
    background-color: inherit;
}